<div class="row-content am-cf">
    <div class="row am-cf">
        <div class="am-u-sm-12 am-u-md-6 ">
            <div class="widget widget-primary am-cf">
                <div class="widget-statistic-header">
                    最近30天增加了
                </div>
                <div class="widget-statistic-body">
                    <div class="widget-statistic-value">
                        {{indexCountData.bookNoteCount}}条
                    </div>
                    <div class="widget-statistic-description">
                        阅读笔记
                    </div>
                    <span class="widget-statistic-icon am-icon-credit-card-alt"></span>
                </div>
            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-6">
            <div class="widget widget-purple am-cf">
                <div class="widget-statistic-header">
                    最近30天增加了
                </div>
                <div class="widget-statistic-body">
                    <div class="widget-statistic-value">
                        {{indexCountData.bookCount}}本
                    </div>
                    <div class="widget-statistic-description">
                        书籍
                    </div>
                    <span class="widget-statistic-icon am-icon-support"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="row am-cf">
        <div class="am-u-sm-12 am-u-md-12">
            <div class="widget am-cf widget-body-lg">
                <div class="widget-head am-cf">
                    <div class="widget-title am-fl">阅读笔记统计</div>
                    <div class="widget-function am-fr">
                        <a href="javascript:;" class="am-icon-cog"></a>
                    </div>
                </div>
                <div class="echarts_tpl_cls tpl-amendment-echarts am-fr" e-charts e-data="{{option}}"></div>
            </div>
        </div> 
    </div>

    <!-- 阅读笔记 -->
    <div class="row am-cf">
        <div ng-repeat="note in noteListData">
            <div class="am-u-sm-12 am-u-md-4">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title am-fl">{{note.title}}</div>
                        <div class="widget-title am-fr">
                            <i class="am-icon-calendar"></i>
                            {{note.cTime | date:'yyyy-MM-dd'}}
                        </div>
                    </div>
                    <pre class="widget-body-md widget-body tpl-amendment-echarts am-fr">
                        {{note.content}}
                    </pre>
                </div>
            </div>
        </div>
    </div>  
</div>